import React from 'react'
import { Divider } from 'antd'
import { WeiboOutlined, QqOutlined, WechatOutlined, InstagramOutlined, GitlabOutlined } from '@ant-design/icons'


const rightAids = () => {
  return (
    <>
      <div className="authorBox">
        <InstagramOutlined style={{ fontSize: 50 }} />
        <h4 style={{marginTop:'10px'}}>Lbxin</h4>
        <h3 style={{marginTop:15}}>专注 Web 前端开发</h3>
        <Divider style={{color:'red',borderColor:'#000'}}>社交账号</Divider>
        <div className="socialBox" >
          <WeiboOutlined />
          <QqOutlined />
          <WechatOutlined />
          <GitlabOutlined />
        </div>
      </div>
      <div className="tabBox">
      </div>
    </>
  )
}
export default rightAids
